<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kimi商城</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/product-detail.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
  <!-- 头部 -->
  <header>
    <div class="nav">
      <div class="nav-wrapper">
        <ul class="nav-p">
          <a href="">
            <li>小米商城</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>MIUI</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>LoT</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>云服务</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>天星数科</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>有品</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>小爱开放平台</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>企业团购</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>资质证照</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>协议规则</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>下载app</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>智能生活</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>Select Location</li>
          </a>
        </ul>
        <div class="list">
          <ul>
            <li>
              Somre
              <p>></p>
              <div class="box">
                <ul>
                  <a href="">
                    <li>个人中心</li>
                  </a>
                  <a href="">
                    <li>评价晒单</li>
                  </a>
                  <a href="">
                    <li>我的喜欢</li>
                  </a>
                  <a href="">
                    <li>小米账户</li>
                  </a>
                  <a href="">
                    <li>退出登录</li>
                  </a>
                </ul>
              </div>
            </li>
          </ul>
          <div class="clear"></div>
        </div>
        <ul class="nav-p nav-r">
          <a href="">
            <li>登录</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>注册</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>消息通知</li>
          </a>
          <div class="ver-line"></div>
        </ul><!DOCTYPE html>
        <html lang="en">
        
        <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>kimi个人中心</title>
          <link rel="stylesheet" href="./css/reset.css">
          <link rel="stylesheet" href="./iconfont/iconfont.css">
          <link rel="stylesheet" href="./css/user.css">
        </head>
        
        <body>
          <!-- 头部 -->
          <header>
            <div class="nav">
              <div class="nav-wrapper">
                <ul class="nav-p">
                  <a href="./index.html">
                    <li>小米商城</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>MIUI</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>LoT</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>云服务</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>天星数科</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>有品</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>小爱开放平台</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>企业团购</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>资质证照</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>协议规则</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>下载app</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>智能生活</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>Select Location</li>
                  </a>
                </ul>
                <div class="list">
                  <ul>
                    <li>
                      Somre
                      <p>></p>
                      <div class="box">
                        <ul>
                          <a href="./user.html">
                            <li>个人中心</li>
                          </a>
                          <a href="">
                            <li>评价晒单</li>
                          </a>
                          <a href="">
                            <li>我的喜欢</li>
                          </a>
                          <a href="">
                            <li>小米账户</li>
                          </a>
                          <a href="">
                            <li>退出登录</li>
                          </a>
                        </ul>
                      </div>
                    </li>
                  </ul>
                  <div class="clear"></div>
                </div>
                <ul class="nav-p nav-r">
                  <a href="./load.html">
                    <li>登录</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>注册</li>
                  </a>
                  <div class="ver-line"></div>
                  <a href="">
                    <li>消息通知</li>
                  </a>
                  <div class="ver-line"></div>
                </ul>
                <a href="./shopping-car.html" class="shop">
                  <div class="shopping">
                    <i class="iconfont icon-gouwuche1"></i>
                    购物车（0）
                  </div>
                </a>
              </div>
            </div>
          </header>
          <!-- 侧边栏 -->
          <section class="sidebar-c">
            <ul>
              <li>
                <i class="iconfont icon-Group-"></i>
              </li>
              <li>
                <i class="iconfont icon-yonghu"></i>
              </li>
              <li>
                <i class="iconfont icon-buoumaotubiao46"></i>
              </li>
              <li>
                <i class="iconfont icon-kefu1"></i>
              </li>
              <li>
                <i class="iconfont icon-gouwuche1"></i>
              </li>
            </ul>
          </section>
          <!-- 主体 -->
          <section class="content">
            <!-- 主体导航栏 -->
            <section class="navbar">
              <div class="logo">
                <a href="./index.html">
                  <img src="./assets/images/navbar-logo.png" alt="navbar-logo">
                  <img src="./assets/images/navbar-logo2.png" alt="navbar-logo2">
                </a>
              </div>
              <div class="bar">
                <ul class="bar-big">
                  <a href="">
                    <li class="container-q container">
                      全部商品分类
                      <div class="sidebar">
                        <ul>
                          <li>
                            <object><a href="">
                                <div class="box">
                                  手机&nbsp;电话卡
                                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                                </div>
                              </a></object>
                            <div class="container">
                              <div class="item">
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie.jpg" alt="">
                                    </div>
                                    小米11
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </li>
                          <li>
                            <object><a href="">
                                <div class="box">
                                  电视&nbsp;盒子
                                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                                  </span>
                                </div>
                              </a></object>
                            <div class="container">
                              <div class="item">
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie2.jpg" alt="">
                                    </div>
                                    凌塘村村花陈钢铁
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </li>
                          <li>
                            <object><a href="">
                                <div class="box">
                                  笔记本&nbsp;显示器
                                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                                </div>
                              </a></object>
                            <div class="container">
                              <div class="item">
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie3.jpg" alt="">
                                    </div>
                                    陈钢铁
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </li>
                          <li>
                            <object><a href="">
                                <div class="box">
                                  家电&nbsp;插线板
                                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                                </div>
                              </a></object>
                            <div class="container">
                              <div class="item">
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/毛毛3.jpg" alt="">
                                    </div>
                                    陈毛毛小机灵鬼
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </li>
                          <li>
                            <object><a href="">
                                <div class="box">
                                  出行&nbsp;穿戴
                                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                                </div>
                              </a></object>
                            <div class="container">
                              <div class="item">
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie4.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </li>
                          <li>
                            <object><a href="">
                                <div class="box">
                                  智能&nbsp;路由器
                                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                                </div>
                              </a></object>
                            <div class="container">
                              <div class="item">
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </li>
                          <li>
                            <object><a href="">
                                <div class="box">
                                  电源&nbsp;配件
                                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                                </div>
                              </a></object>
                            <div class="container">
                              <div class="item">
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                              </div>
                            </div>
        
                          </li>
                          <li>
                            <object><a href="">
                                <div class="box">
                                  健康&nbsp;儿童
                                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                                </div>
                              </a></object>
                            <div class="container">
                              <div class="item">
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                              </div>
                            </div>
        
                          </li>
                          <li>
                            <object><a href="">
                                <div class="box">
                                  耳机&nbsp;音箱
                                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                                </div>
                              </a></object>
                            <div class="container">
                              <div class="item">
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                              </div>
                            </div>
        
                          </li>
                          <li>
                            <object><a href="">
                                <div class="box">
                                  生活&nbsp;箱包
                                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                                </div>
                              </a></object>
                            <div class="container">
                              <div class="item">
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                                <ul>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                  <li>
                                    <div class="pic">
                                      <img src="./assets/images/tietie5.jpg" alt="">
                                    </div>
                                    是钢铁铁呀
                                  </li>
                                </ul>
                              </div>
                            </div>
        
                          </li>
                        </ul>
                      </div>
                    </li>
                  </a>
                  <a href="">
                    <li class="container">
                      小米手机
                      <div class="item">
                        <ul class="wrapper">
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar1-mi11-1.webp" alt="S-navbar1-mi11-1">
                            </div>
                            <p class="grey">小米11</p>
                            <p class="orange">3999元起</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar1-mi10-2.webp" alt="S-navbar1-mi10-2">
                            </div>
                            <p class="grey">小米10至尊纪念版</p>
                            <p class="orange">5299元起</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar1-mi10-3.webp" alt="S-navbar1-mi10-3">
                            </div>
                            <p class="grey">小米10</p>
                            <p class="orange">3399元起</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar1-mi10-4.webp
                              " alt="S-navbar1-mi10-4">
                            </div>
                            <p class="grey">小米10&nbsp;青春版 5G</p>
                            <p class="orange">2099元起</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar1-mix-5.webp" alt="S-navbar1-mix-5">
                            </div>
                            <p class="grey">小米MIX&nbsp;Alpha</p>
                            <p class="orange">19999元</p>
                          </li>
                        </ul>
                      </div>
                    </li>
                  </a>
                  <a href="">
                    <li class="container">
                      Redmi&nbsp;红米
                      <div class="item">
                        <ul class="wrapper">
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar2-1.webp" alt="S-navbar2-1">
                            </div>
                            <p class="grey">Redmi&nbsp;Note&nbsp;9&nbsp;系列</p>
                            <p class="orange">999元起</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar2-2.webp" alt="S-navbar2-2">
                            </div>
                            <p class="grey">Redmi&nbsp;K30S&nbsp;至尊纪念版</p>
                            <p class="orange">5299元起</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar2-3.webp" alt="S-navbar2-3">
                            </div>
                            <p class="grey">Redmi&nbsp;K30&nbsp;至尊纪念版</p>
                            <p class="orange">1999元起</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar2-4.webp" alt="S-navbar2-4">
                            </div>
                            <p class="grey">Redmi&nbsp;9A</p>
                            <p class="orange">599元起</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar2-5.webp" alt="S-navbar2-5">
                            </div>
                            <p class="grey">Redmi&nbsp;K30&nbsp;系列</p>
                            <p class="orange">1799元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar2-6.webp" alt="S-navbar2-6">
                            </div>
                            <p class="grey">Redmi&nbsp;10X</p>
                            <p class="orange">999元起</p>
                          </li>
                        </ul>
                      </div>
                    </li>
                  </a>
                  <a href="">
                    <li class="container">
                      电视
                      <div class="item">
                        <ul class="wrapper">
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar3-1.webp" alt="S-navbar3-1">
                            </div>
                            <p class="grey">小米电视大师&nbsp;82英寸至尊纪念版</p>
                            <p class="orange">49999元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar3-2.webp" alt="S-navbar3-2">
                            </div>
                            <p class="grey">小米电视大师&nbsp;82英寸</p>
                            <p class="orange">5299元起</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar3-3.webp" alt="S-navbar3-3">
                            </div>
                            <p class="grey">小米透明电视</p>
                            <p class="orange">49999元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar3-4.webp" alt="S-navbar3-4">
                            </div>
                            <p class="grey">小米电视&nbsp;大师&nbsp;65英寸OLED</p>
                            <p class="orange">9999元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar3-5.webp" alt="S-navbar3-5">
                            </div>
                            <p class="grey">Redmi&nbsp;智能电视&nbsp;MAX&nbsp;98''</p>
                            <p class="orange">19999元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar3-6.webp" alt="S-navbar3-6">
                            </div>
                            <p class="grey">小米电视4A&nbsp;60英寸</p>
                            <p class="orange">2599元</p>
                          </li>
                        </ul>
                      </div>
        
                    </li>
                  </a>
                  <a href="">
                    <li class="container">
                      笔记本
                      <div class="item">
                        <ul class="wrapper">
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar4-1.webp" alt="S-navbar4-1">
                            </div>
                            <p class="grey">Redmi&nbsp;G&nbsp;游戏本</p>
                            <p class="orange"></p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar4-2.webp" alt="S-navbar4-2">
                            </div>
                            <p class="grey">RedmiBook&nbsp;16</p>
                            <p class="orange">4999元起</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar4-3.webp" alt="S-navbar4-3">
                            </div>
                            <p class="grey">RedmiBook&nbsp;14&nbsp;Ⅱ</p>
                            <p class="orange">3299元起</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar4-4.png" alt="S-navbar4-4">
                            </div>
                            <p class="grey">Pro&nbsp;15.6"&nbsp;2020款</p>
                            <p class="orange">6999元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar4-5.webp" alt="S-navbar4-5">
                            </div>
                            <p class="grey">RedmiBook&nbsp;Air&nbsp;13</p>
                            <p class="orange">4499元起</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar4-6.webp" alt="S-navbar4-6">
                            </div>
                            <p class="grey">显示器</p>
                            <p class="orange">2399元</p>
                          </li>
                        </ul>
                      </div>
                    </li>
                  </a>
                  <a href="">
                    <li class="container">
                      家电
                      <div class="item">
                        <ul class="wrapper">
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar5-1.webp" alt="S-navbar5-1">
                            </div>
                            <p class="grey">米家互联网空调C1（一级能效）</p>
                            <p class="orange">2399元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar5-2.png" alt="S-navbar5-2">
                            </div>
                            <p class="grey">米家互联网空调（一级能效）</p>
                            <p class="orange">2399元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar5-3.jpg" alt="S-navbar5-3">
                            </div>
                            <p class="grey">Redmi全自动波轮洗衣机1A</p>
                            <p class="orange">799元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar5-4.png" alt="S-navbar5-4">
                            </div>
                            <p class="grey">米家互联网洗烘一体机10kg</p>
                            <p class="orange">1999元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar5-5.webp" alt="S-navbar5-5">
                            </div>
                            <p class="grey">米家风冷对开门冰箱&nbsp;483L</p>
                            <p class="orange">2369元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar5-6.webp" alt="S-navbar5-6">
                            </div>
                            <p class="grey">米家两门冰箱&nbsp;160L</p>
                            <p class="orange">949元</p>
                          </li>
                        </ul>
                      </div>
                    </li>
                  </a>
                  <a href="">
                    <li class="container">
                      路由器
                      <div class="item">
                        <ul class="wrapper">
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar6-1.webp" alt="S-navbar6-1">
                            </div>
                            <p class="grey">小米路由器AX6000</p>
                            <p class="orange">599元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar6-2.webp" alt="S-navbar6-2">
                            </div>
                            <p class="grey">Redmi路由器&nbsp;AX6</p>
                            <p class="orange">329元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar6-3.webp" alt="S-navbar6-3">
                            </div>
                            <p class="grey">Redmi路由器&nbsp;AX5</p>
                            <p class="orange">249元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar6-4.webp" alt="S-navbar6-4">
                            </div>
                            <p class="grey">小米路由器&nbsp;AX1800</p>
                            <p class="orange">329元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar6-5.webp" alt="S-navbar6-5">
                            </div>
                            <p class="grey">小米AIoT路由器AX3600</p>
                            <p class="orange">499元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar6-6.webp" alt="S-navbar6-6">
                            </div>
                            <p class="grey">Redmi路由器AC2100LL</p>
                            <p class="orange">169元</p>
                          </li>
                        </ul>
                      </div>
                    </li>
                  </a>
                  <a href="">
                    <li class="container">
                      智能硬件
                      <div class="item">
                        <ul class="wrapper">
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar7-1.webp" alt="S-navbar7-1">
                            </div>
                            <p class="grey">小米全自动智能门锁</p>
                            <p class="orange">1799元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar7-2.webp" alt="S-navbar7-2">
                            </div>
                            <p class="grey">Redmi小爱触屏音箱Pro8</p>
                            <p class="orange">499元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar7-3.jpg" alt="S-navbar7-3">
                            </div>
                            <p class="grey">小米小爱触屏音箱</p>
                            <p class="orange">199元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar7-4.webp" alt="S-navbar7-4">
                            </div>
                            <p class="grey">Redmi小爱音箱&nbsp;Play</p>
                            <p class="orange">79元</p>
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/S-navbar7-5.webp" alt="S-navbar7-5">
                            </div>
                            <p class="grey">查看全部</p>
                            <p class="orange">智能硬件</p>
                          </li>
                        </ul>
                      </div>
                    </li>
                  </a>
                  <a href="">
                    <li class="container">服务</li>
                  </a>
                  <a href="">
                    <li class="container">社区</li>
                  </a>
                </ul>
              </div>
              <div class="search">
                <input type="text" placeholder="" class="search-input">
                <div class="sear-icont">
                  <i class="iconfont icon-sousuo"></i>
                </div>
                <div class="item">
                  <ul>
                    <li>小米11</li>
                    <li>小米10</li>
                    <li>全部商品</li>
                    <li>扫地机器人</li>
                    <li>红米</li>
                    <li>洗衣机</li>
                    <li>冰箱</li>
                    <li>耳机</li>
                  </ul>
                </div>
              </div>
              </div>
        
            </section>
          </section>
          <section class="main grey">
            <div class="main-box">
              <div class="main-title">
                首页
                <span>/</span>
                个人中心
              </div>
              <div class="main-body">
                <div class="left">
                  <ul>
                    <a href="">
                      <li class="title">订单中心</li>
                    </a>
                    <a href="">
                      <li>我的订单</li>
                    </a>
                    <a href="">
                      <li>评价晒单</li>
                    </a>
                    <a href="">
                      <li>话费充值订单</li>
                    </a>
                    <a href="">
                      <li>以旧换新订单</li>
                    </a>
                  </ul>
                  <ul>
                    <a href="">
                      <li class="title">个人中心</li>
                    </a>
                    <a href="">
                      <li class="or">我的个人中心</li>
                    </a>
                    <a href="">
                      <li>消息通知</li>
                    </a>
                    <a href="">
                      <li>购买资格</li>
                    </a>
                    <a href="">
                      <li>现金账户</li>
                    </a>
                    <a href="">
                      <li>小米礼品卡</li>
                    </a>
                    <a href="">
                      <li>现金券</li>
                    </a>
                    <a href="">
                      <li>喜欢的商品</li>
                    </a>
                    <a href="">
                      <li>优惠券</li>
                    </a>
                    <a href="">
                      <li>收货地址</li>
                    </a>
                    <a href="">
                      <li>红包</li>
                    </a>
                  </ul>
                  <ul>
                    <a href="">
                      <li class="title">售后服务</li>
                    </a>
                    <a href="">
                      <li>服务记录</li>
                    </a>
                    <a href="">
                      <li>申请服务</li>
                    </a>
                    <a href="">
                      <li>领取快递报销</li>
                    </a>
                  </ul>
                  <ul>
                    <a href="">
                      <li class="title">账户管理</li>
                    </a>
                    <a href="">
                      <li>个人信息</li>
                    </a>
                    <a href="">
                      <li>申请服务</li>
                    </a>
                    <a href="">
                      <li>修改密码</li>
                    </a>
                  </ul>
                </div>
                <div class="right">
                  <div class="user">
                    <div class="user-left">
                      <div class="left">
                        <img src="./assets/images/U-USER1.jpg" alt="U-USER1">
                      </div>
                      <div class="right">
                        <p>Somre</p>
                        <p>下午好～</p>
                        <p><a href="">修改个人信息 ></a></p>
                      </div>
                    </div>
                    <div class="user-right">
                      <ul>
                        <li>账户安全：
                          <span>较高</span>
                        </li>
                        <li>绑定手机：136******52</li>
                        <li>绑定邮箱：91******2@q*.com</li>
                      </ul>
                    </div>
                  </div>
                  <div class="icont-item">
                    <div class="box">
                      <div class="icont">
                        <i class="iconfont icon-qianbao"></i>
                      </div>
                      <div class="text">
                        <p>
                          待支付的订单：
                          <span>0</span>
                        </p>
                        <p>
                          查看待支付订单
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </p>
                      </div>
                    </div>
                    <div class="box">
                      <div class="icont">
                        <i class="iconfont icon-huoche"></i>
                      </div>
                      <div class="text">
                        <p>
                          待收货的订单：
                          <span>0</span>
                        </p>
                        <p>
                          查看待收货订单
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </p>
                      </div>
                    </div>
                    <div class="box">
                      <div class="icont">
                        <i class="iconfont icon-xiaoxi"></i>
                      </div>
                      <div class="text">
                        <p>
                          待评价商品数：
                          <span>0</span>
                        </p>
                        <p>
                          查看待评价商品
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </p>
                      </div>
                    </div>
                    <div class="box">
                      <div class="icont">
                        <i class="iconfont icon-02"></i>
                      </div>
                      <div class="text">
                        <p>
                          喜欢的商品：
                          <span>0</span>
                        </p>
                        <p>
                          查看喜欢的商品
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="foot">
            <div class="foot-up">
              <ul>
                <li>
                  <a href="">
                    <i class="iconfont icon-weixiubanshou"></i>
                    预约维修服务
                  </a>
                </li>
                <li>
                  <a href="">
                    <i class="iconfont icon-7tiantuihuo"></i>
                    7天无理由退货
                  </a>
                </li>
                <li>
                  <a href="">
                    <i class="iconfont icon-15tianbaohuan"></i>
                    15天免费换货
                  </a>
                </li>
                <li>
                  <a href="">
                    <i class="iconfont icon-liwu1"></i>
                    满99元包邮
                  </a>
                </li>
                <li>
                  <a href="">
                    <i class="iconfont icon-dingwei1"></i>
                    520余家售后网点
                  </a>
                </li>
              </ul>
            </div>
            <div class="foot-down">
              <div class="left">
                <ul>
                  <li>
                    <p class="title">帮助中心</p>
                    <p class="text">账户管理</p>
                    <p class="text">购物指南</p>
                    <p class="text">订单操作</p>
                  </li>
                  <li>
                    <p class="title">服务支持</p>
                    <p class="text">售后政策</p>
                    <p class="text">自助服务</p>
                    <p class="text">相关下载</p>
                  </li>
                  <li>
                    <p class="title">线下门店</p>
                    <p class="text">小米之家</p>
                    <p class="text">服务网点</p>
                    <p class="text">授权体验店</p>
                  </li>
                  <li>
                    <p class="title">关于小米</p>
                    <p class="text">了解小米</p>
                    <p class="text">加入小米</p>
                    <p class="text">投资者关系</p>
                    <p class="text">企业社会责任</p>
                    <p class="text">廉洁举报</p>
                  </li>
                  <li>
                    <p class="title">关注我们</p>
                    <p class="text">新浪微博</p>
                    <p class="text">官方微信</p>
                    <p class="text">联系我们</p>
                    <p class="text">公益基金会</p>
                  </li>
                  <li>
                    <p class="title">特色服务</p>
                    <p class="text">F 码通道</p>
                    <p class="text">礼物码</p>
                    <p class="text">防伪查询</p>
                  </li>
                </ul>
              </div>
              <div class="right">
                <p class="phone">400-100-5678</p>
                <p class="time">8:00-18:00（仅收市话费）</p>
                <button class="people"><i class="iconfont icon-xinxi2"></i>人工客服</button>
                <p class="contact">关注小米：
                  <i class="iconfont icon-weibo"></i>
                  <i class="iconfont icon-weixin"></i>
                </p>
              </div>
            </div>
          </section>
          <footer>
            <div class="foot-wraper">
              <div class="foot-top">
                <div class="foot-left">
                  <div class="logo">
                    <img src="./assets/images/S-logo-footer.png" alt="S-logo-footer">
                  </div>
                </div>
                <div class="foot-right">
                  <div class="foot-text-one">
                    <ul>
                      <li>
                        <a href="">
                          小米商城
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          MIUI
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          米家
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          米聊
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          多看
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          游戏
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          政企服务
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          小米天猫店
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          小米集团隐私政策
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          小米公司儿童信息保护规则
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          小米商城隐私政策
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          小米商城用户协议
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          问题反馈
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          Select Location
                        </a>
                      </li>
                    </ul>
                    <ul>
                      <li>
                        <a href="">
                          北京互联网法院法律服务工作站
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          中国消费者协会
                        </a>
                      </li>
                      <span class="ver-line"></span>
                      <li>
                        <a href="">
                          北京市消费者协会
                        </a>
                      </li>
                      <span class="ver-line"></span>
                    </ul>
                  </div>
                  <div class="foot-text-two">
                    <p>
                      <a href="" class="no">&copy;</a>
                      <a href="" class="light">mi.com</a>
                      <a href="" class="no"> 京ICP证110507号</a>
                      <a href="" class="light">京ICP备10046444号</a>
                      <a href="" class="light"> 京公网安备11010802020134号</a>
                      <a href="" class="light">京网文[2020]0276-042号</a>
                    </p>
                    <p>
                      <a href="" class="light">（京）网械平台备字（2018）第00005号</a>
                      <a href="" class="light">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                      <a href="" class="light">营业执照</a>
                      <a href="" class="light">医疗器械质量公告</a>
                    </p>
                    <p>
                      <a href="" class="light">增值电信业务许可证</a>
                      <a href="" class="no"> 网络食品经营备案&nbsp;京食药网食备202010048</a>
                      <a href="" class="light">食品经营许可证</a>
                    </p>
                    <p>
                      <a href="" class="no">违法和不良信息举报电话：171-5104-4404 &nbsp</a>
                      <a href="" class="light">知识产权侵权投诉</a>
                      <a href="" class="no"> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
                    </p>
                  </div>
                  <div class="foot-img">
                    <a href="">
                      <img src="./assets/images/footer-truste.png" alt="footer-truste">
                    </a>
                    <a href="">
                      <img src="./assets/images/footer-truste2.png" alt="footer-truste2">
                    </a>
                    <a href="">
                      <img src="./assets/images/footer-truste3.png" alt="footer-truste3">
                    </a>
                    <a href="">
                      <div>
                        <img src="./assets/images/footer-truste4.png" alt="footer-truste4" class="foot-last">
                        <img src="./assets/images/footer-truste5.png" alt="footer-truste5" class="foot-last">
                      </div>
                    </a>
                  </div>
                </div>
              </div>
              <div class="foot-text-three">
                让全球每个人都能享受科技带来的美好生活
              </div>
            </div>
          </footer>
          <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
          <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.4.5/swiper-bundle.min.js"></script>
          <script>
            var mySwiper = new Swiper('.swiper-container', {
              direction: 'horizontal', // 水平
              loop: true, // 循环模式选项
        
              // 如果需要分页器
              pagination: {
                el: '.swiper-pagination',
              },
        
              // 如果需要前进后退按钮
              navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
              },
        
              // // 如果需要滚动条
              // scrollbar: {
              //   el: '.swiper-scrollbar',
              // },
            })
        
            var mySwiper1 = new Swiper('.swiper-container1', {
              direction: 'horizontal', // 水平
              loop: false, // 循环模式选项
        
              // 如果需要分页器
              pagination: {
                el: '.swiper-pagination',
              },
        
              // 如果需要前进后退按钮
              navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
              },
        
              // // 如果需要滚动条
              // scrollbar: {
              //   el: '.swiper-scrollbar',
              // },
            })
        
        
          </script>
        </body>
        
        </html>
        <div class="shopping">
          <i class="iconfont icon-gouwuche1"></i>
          购物车（0）
        </div>
      </div>
    </div>
  </header>
  <!-- 侧边栏 -->
  <section class="sidebar-c">
    <ul>
      <li>
        <i class="iconfont icon-Group-"></i>
      </li>
      <li>
        <i class="iconfont icon-yonghu"></i>
      </li>
      <li>
        <i class="iconfont icon-buoumaotubiao46"></i>
      </li>
      <li>
        <i class="iconfont icon-kefu1"></i>
      </li>
      <li>
        <i class="iconfont icon-gouwuche1"></i>
      </li>
    </ul>
  </section>
  <!-- 主体 -->
  <section class="content">
    <!-- 主体导航栏 -->
    <div class="navbar">
      <div class="logo">
        <img src="./assets/images/navbar-logo.png" alt="navbar-logo">
        <img src="./assets/images/navbar-logo2.png" alt="navbar-logo2">
      </div>
      <div class="bar">
        <ul class="bar-big">
          <a href="">
            <li class="container">
              小米手机
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi11-1.webp" alt="S-navbar1-mi11-1">
                    </div>
                    <p class="grey">小米11</p>
                    <p class="orange">3999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi10-2.webp" alt="S-navbar1-mi10-2">
                    </div>
                    <p class="grey">小米10至尊纪念版</p>
                    <p class="orange">5299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi10-3.webp" alt="S-navbar1-mi10-3">
                    </div>
                    <p class="grey">小米10</p>
                    <p class="orange">3399元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi10-4.webp
                      " alt="S-navbar1-mi10-4">
                    </div>
                    <p class="grey">小米10&nbsp;青春版 5G</p>
                    <p class="orange">2099元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mix-5.webp" alt="S-navbar1-mix-5">
                    </div>
                    <p class="grey">小米MIX&nbsp;Alpha</p>
                    <p class="orange">19999元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              Redmi&nbsp;红米
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-1.webp" alt="S-navbar2-1">
                    </div>
                    <p class="grey">Redmi&nbsp;Note&nbsp;9&nbsp;系列</p>
                    <p class="orange">999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-2.webp" alt="S-navbar2-2">
                    </div>
                    <p class="grey">Redmi&nbsp;K30S&nbsp;至尊纪念版</p>
                    <p class="orange">5299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-3.webp" alt="S-navbar2-3">
                    </div>
                    <p class="grey">Redmi&nbsp;K30&nbsp;至尊纪念版</p>
                    <p class="orange">1999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-4.webp" alt="S-navbar2-4">
                    </div>
                    <p class="grey">Redmi&nbsp;9A</p>
                    <p class="orange">599元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-5.webp" alt="S-navbar2-5">
                    </div>
                    <p class="grey">Redmi&nbsp;K30&nbsp;系列</p>
                    <p class="orange">1799元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-6.webp" alt="S-navbar2-6">
                    </div>
                    <p class="grey">Redmi&nbsp;10X</p>
                    <p class="orange">999元起</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              电视
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-1.webp" alt="S-navbar3-1">
                    </div>
                    <p class="grey">小米电视大师&nbsp;82英寸至尊纪念版</p>
                    <p class="orange">49999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-2.webp" alt="S-navbar3-2">
                    </div>
                    <p class="grey">小米电视大师&nbsp;82英寸</p>
                    <p class="orange">5299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-3.webp" alt="S-navbar3-3">
                    </div>
                    <p class="grey">小米透明电视</p>
                    <p class="orange">49999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-4.webp" alt="S-navbar3-4">
                    </div>
                    <p class="grey">小米电视&nbsp;大师&nbsp;65英寸OLED</p>
                    <p class="orange">9999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-5.webp" alt="S-navbar3-5">
                    </div>
                    <p class="grey">Redmi&nbsp;智能电视&nbsp;MAX&nbsp;98''</p>
                    <p class="orange">19999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-6.webp" alt="S-navbar3-6">
                    </div>
                    <p class="grey">小米电视4A&nbsp;60英寸</p>
                    <p class="orange">2599元</p>
                  </li>
                </ul>
              </div>

            </li>
          </a>
          <a href="">
            <li class="container">
              笔记本
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-1.webp" alt="S-navbar4-1">
                    </div>
                    <p class="grey">Redmi&nbsp;G&nbsp;游戏本</p>
                    <p class="orange"></p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-2.webp" alt="S-navbar4-2">
                    </div>
                    <p class="grey">RedmiBook&nbsp;16</p>
                    <p class="orange">4999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-3.webp" alt="S-navbar4-3">
                    </div>
                    <p class="grey">RedmiBook&nbsp;14&nbsp;Ⅱ</p>
                    <p class="orange">3299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-4.png" alt="S-navbar4-4">
                    </div>
                    <p class="grey">Pro&nbsp;15.6"&nbsp;2020款</p>
                    <p class="orange">6999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-5.webp" alt="S-navbar4-5">
                    </div>
                    <p class="grey">RedmiBook&nbsp;Air&nbsp;13</p>
                    <p class="orange">4499元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-6.webp" alt="S-navbar4-6">
                    </div>
                    <p class="grey">显示器</p>
                    <p class="orange">2399元</p>
                  </li>
                </ul>
              </div>
            </li>
            </li>
          </a>
          <a href="">
            <li class="container">
              家电
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-1.webp" alt="S-navbar5-1">
                    </div>
                    <p class="grey">米家互联网空调C1（一级能效）</p>
                    <p class="orange">2399元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-2.png" alt="S-navbar5-2">
                    </div>
                    <p class="grey">米家互联网空调（一级能效）</p>
                    <p class="orange">2399元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-3.jpg" alt="S-navbar5-3">
                    </div>
                    <p class="grey">Redmi全自动波轮洗衣机1A</p>
                    <p class="orange">799元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-4.png" alt="S-navbar5-4">
                    </div>
                    <p class="grey">米家互联网洗烘一体机10kg</p>
                    <p class="orange">1999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-5.webp" alt="S-navbar5-5">
                    </div>
                    <p class="grey">米家风冷对开门冰箱&nbsp;483L</p>
                    <p class="orange">2369元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-6.webp" alt="S-navbar5-6">
                    </div>
                    <p class="grey">米家两门冰箱&nbsp;160L</p>
                    <p class="orange">949元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              路由器
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-1.webp" alt="S-navbar6-1">
                    </div>
                    <p class="grey">小米路由器AX6000</p>
                    <p class="orange">599元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-2.webp" alt="S-navbar6-2">
                    </div>
                    <p class="grey">Redmi路由器&nbsp;AX6</p>
                    <p class="orange">329元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-3.webp" alt="S-navbar6-3">
                    </div>
                    <p class="grey">Redmi路由器&nbsp;AX5</p>
                    <p class="orange">249元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-4.webp" alt="S-navbar6-4">
                    </div>
                    <p class="grey">小米路由器&nbsp;AX1800</p>
                    <p class="orange">329元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-5.webp" alt="S-navbar6-5">
                    </div>
                    <p class="grey">小米AIoT路由器AX3600</p>
                    <p class="orange">499元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-6.webp" alt="S-navbar6-6">
                    </div>
                    <p class="grey">Redmi路由器AC2100LL</p>
                    <p class="orange">169元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              智能硬件
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-1.webp" alt="S-navbar7-1">
                    </div>
                    <p class="grey">小米全自动智能门锁</p>
                    <p class="orange">1799元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-2.webp" alt="S-navbar7-2">
                    </div>
                    <p class="grey">Redmi小爱触屏音箱Pro8</p>
                    <p class="orange">499元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-3.jpg" alt="S-navbar7-3">
                    </div>
                    <p class="grey">小米小爱触屏音箱</p>
                    <p class="orange">199元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-4.webp" alt="S-navbar7-4">
                    </div>
                    <p class="grey">Redmi小爱音箱&nbsp;Play</p>
                    <p class="orange">79元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-5.webp" alt="S-navbar7-5">
                    </div>
                    <p class="grey">查看全部</p>
                    <p class="orange">智能硬件</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">服务</li>
          </a>
          <a href="">
            <li class="container">社区</li>
          </a>
        </ul>
      </div>
      <div class="search">
        <input type="text" placeholder="" class="search-input">
        <div class="sear-icont">
          <i class="iconfont icon-sousuo"></i>
        </div>
      </div>
    </div>

  </section>
  <!-- 上底部 -->
  <section class="foot">
    <div class="foot-up">
      <ul>
        <li>
          <a href="">
            <i class="iconfont icon-weixiubanshou"></i>
            预约维修服务
          </a>
        </li>
        <li>
          <a href="">
            <i class="iconfont icon-7tiantuihuo"></i>
            7天无理由退货
          </a>
        </li>
        <li>
          <a href="">
            <i class="iconfont icon-15tianbaohuan"></i>
            15天免费换货
          </a>
        </li>
        <li>
          <a href="">
            <i class="iconfont icon-liwu1"></i>
            满99元包邮
          </a>
        </li>
        <li>
          <a href="">
            <i class="iconfont icon-dingwei1"></i>
            520余家售后网点
          </a>
        </li>
      </ul>
    </div>
    <div class="foot-down">
      <div class="left">
        <ul>
          <li>
            <p class="title">帮助中心</p>
            <p class="text">账户管理</p>
            <p class="text">购物指南</p>
            <p class="text">订单操作</p>
          </li>
          <li>
            <p class="title">服务支持</p>
            <p class="text">售后政策</p>
            <p class="text">自助服务</p>
            <p class="text">相关下载</p>
          </li>
          <li>
            <p class="title">线下门店</p>
            <p class="text">小米之家</p>
            <p class="text">服务网点</p>
            <p class="text">授权体验店</p>
          </li>
          <li>
            <p class="title">关于小米</p>
            <p class="text">了解小米</p>
            <p class="text">加入小米</p>
            <p class="text">投资者关系</p>
            <p class="text">企业社会责任</p>
            <p class="text">廉洁举报</p>
          </li>
          <li>
            <p class="title">关注我们</p>
            <p class="text">新浪微博</p>
            <p class="text">官方微信</p>
            <p class="text">联系我们</p>
            <p class="text">公益基金会</p>
          </li>
          <li>
            <p class="title">特色服务</p>
            <p class="text">F 码通道</p>
            <p class="text">礼物码</p>
            <p class="text">防伪查询</p>
          </li>
        </ul>
      </div>
      <div class="right">
        <p class="phone">400-100-5678</p>
        <p class="time">8:00-18:00（仅收市话费）</p>
        <button class="people"><i class="iconfont icon-xinxi2"></i>人工客服</button>
        <p class="contact">关注小米：
          <i class="iconfont icon-weibo"></i>
          <i class="iconfont icon-weixin"></i>
        </p>
      </div>
    </div>
  </section>
  <!-- 底部 -->
  <footer>
    <div class="foot-wraper">
      <div class="foot-top">
        <div class="foot-left">
          <div class="logo">
            <img src="./assets/images/S-logo-footer.png" alt="S-logo-footer">
          </div>
        </div>
        <div class="foot-right">
          <div class="foot-text-one">
            <ul>
              <li>
                <a href="">
                  小米商城
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  MIUI
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  米家
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  米聊
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  多看
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  游戏
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  政企服务
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  小米天猫店
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  小米集团隐私政策
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  小米公司儿童信息保护规则
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  小米商城隐私政策
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  小米商城用户协议
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  问题反馈
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  Select Location
                </a>
              </li>
            </ul>
            <ul>
              <li>
                <a href="">
                  北京互联网法院法律服务工作站
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  中国消费者协会
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  北京市消费者协会
                </a>
              </li>
              <span class="ver-line"></span>
            </ul>
          </div>
          <div class="foot-text-two">
            <p>
              <a href="" class="no">&copy;</a>
              <a href="" class="light">mi.com</a>
              <a href="" class="no"> 京ICP证110507号</a>
              <a href="" class="light">京ICP备10046444号</a>
              <a href="" class="light"> 京公网安备11010802020134号</a>
              <a href="" class="light">京网文[2020]0276-042号</a>
            </p>
            <p>
              <a href="" class="light">（京）网械平台备字（2018）第00005号</a>
              <a href="" class="light">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
              <a href="" class="light">营业执照</a>
              <a href="" class="light">医疗器械质量公告</a>
            </p>
            <p>
              <a href="" class="light">增值电信业务许可证</a>
              <a href="" class="no"> 网络食品经营备案&nbsp;京食药网食备202010048</a>
              <a href="" class="light">食品经营许可证</a>
            </p>
            <p>
              <a href="" class="no">违法和不良信息举报电话：171-5104-4404 &nbsp</a>
              <a href="" class="light">知识产权侵权投诉</a>
              <a href="" class="no"> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
            </p>
          </div>
          <div class="foot-img">
            <a href="">
              <img src="./assets/images/footer-truste.png" alt="footer-truste">
            </a>
            <a href="">
              <img src="./assets/images/footer-truste2.png" alt="footer-truste2">
            </a>
            <a href="">
              <img src="./assets/images/footer-truste3.png" alt="footer-truste3">
            </a>
            <a href="">
              <div>
                <img src="./assets/images/footer-truste4.png" alt="footer-truste4" class="foot-last">
                <img src="./assets/images/footer-truste5.png" alt="footer-truste5" class="foot-last">
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="foot-text-three">
        让全球每个人都能享受科技带来的美好生活
      </div>
    </div>
  </footer>
</body>

</html>